@import './modules/footer';
@import './modules/header';
.category{
    width: 100%;
    height: 950px;

.section{
    display: flex;
    flex: 1;
    background-color: #f5f5f5;
.min{
    width: 100%;
    height: 950px;
    margin: 0 auto;
   
    &-aa{
        width: 100%;
        height: 50px;
        float: left;
        background-color:rgb(233, 232, 232);
        line-height: 50px;
     & span{
         float: left;

     }
    }
    &-ab{
        width: 95%;
        height: 900px;
        
        margin-left:50px;
        float: left;
        &-bq{
            float: left;
            width: 98%;
           
            height: 117px;
            &-ca{
                width: 95%;
                height: 53px;
                line-height: 53px;
                float: left;
                
                & a{
                    float: left;
                    width: 70px;
                    height: 30px;
                   
                    margin-left: 15px;
                    display: block;
                    color: black;
                    list-style: none;
                    text-decoration: none;
                }

            }
            &-cb{
                float: left;
                height: 53px;
                line-height: 53px;
                width: 100%;
                border-top:1px solid #a5a5a5;
                & a{
                    float: left;
                    width: 70px;
                    height: 30px;
                   
                    margin-left: 15px;
                    display: block;
                    color: black;
                    list-style: none;
                    text-decoration: none;
                }
                & span{
                    float: right;
                }

            }
        }
    

.tone{
width: 100%;
height: 783px;
float: left;
& .tooe{
    margin-top: 30px;
    width:100%;
    height: 783px;
    list-style: none;
    float: left;
    padding-inline-start: 0px;
    & li{
        text-decoration: none;
        width: 23%;
        height: 358px;
        position: relative;
        float: left;
        margin: 5px 10px;
        border: 1px solid #E9E8E8;
      
        
            & a{
                display: block;
            }
           & img{
               width: 280px;
               height: 268px;
           }
            & span{
                float: left;
                color: #000000;
                position: absolute;
                left: 70px;
                top:290px;
                font-size: 16px;
            }
            & p{
                float: left;
                color: #000000;
                position: absolute;
                left: 115px;
                top:330px;
                color: red;
                font-size: 12px;
               
            }
        } 
    }
}
}


}
}
}
